<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>" target="bottomFrame">
    <title>应急预案管理_应急队伍首页</title>
    <!-- date css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<!-- date javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript -->  
	 	<!-- select -->
   		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/style.css" type="text/css" />
   		<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
 		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
   		<!-- select -->
   		<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/jquery.idTabs.min.js"></script>
   	  	<script type="text/javascript">
  		$(function(){
				// 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                $("#hydiv .tiptop a").click(function(){$("#hydiv").fadeOut(200);});
                $("#hyEditdiv .tiptop a").click(function(){$("#hyEditdiv").fadeOut(200);});
                $("#hyEidttTab tr td:even").css("padding-left","30px");
        });
 		function dealEditDY(val1){
	       $("#editHYname").val(val1);$("#hyEditdiv").fadeIn(200);
	    }
	    function dealAddDY(val1){
	       $("#editHYname").val(val1);
	       $("#hydiv").fadeIn(200);
	    } 
  	   </script>
  </head>
  <body>
   	<div class="tools" style="margin-top: 10px;padding: 0 10px;">
       <div class="controls" style="width:280px;float: left;">
		<div style="width:60px;float: left;height: 30px;line-height: 30px;">
			<label>机构名称：</label>
		</div>
		<div class="input-group date datetime">
			<input name="" type="text" class="scinput"  style="position: relative;top: -3px;width:200px;"/>
		</div>
		</div>
		<div style="width:80px;float: left;height: 30px;line-height: 30px;padding-left:20px;">
			<label>机构类别：</label>
		</div>
	    <div style="width:200px;float: left;">
         <div class="uew-select" style="text-align: left;width: 200px;position: relative;">
	         <div style="width: 120px;" class="uew-select-value ue-state-default">
	         	<em class="uew-select-text">救援队伍</em><em class="uew-icon uew-icon-triangle-1-s"></em>
	         </div>
	         <select style="width: 120px;" class="select3">
			    <option>救援队伍</option>
			    <option>公安队伍</option>
			    <option>专家队伍</option>
			    <option>应急管理</option>
		    </select>
	     </div>
       </div>   
        <input name=""  style="position: relative;top: -3px;" type="button" class="scbtn" value="查询"/>
	    <ul class="toolbar1">
	    	 <li  onclick="dealAddDY('');"><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>添加</li>   
	    	<li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除</li>
	    </ul>
    </div>
    <table class="tablelist" style="width: 100%;">
    	<thead>
    	<tr>
	        <th width="5%"><input name="" type="checkbox" value="" checked="checked"/></th>
	        <th width="5%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
	        <th width="50%">机构名称</th>
	        <th width="10%">机构类别</th>
	        <th width="15%">应急类别</th>
	        <th width="10%">联系电话</th>
	        <th width="5%">操作</th>
        </tr>
        </thead>
        <tbody>
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>1</td>
		        <td>救援队</td>
		        <td>救援队伍</td>
		        <td>蓝藻爆发应急</td>
		        <td>15764668293</td>
		        <td><a href="javascript:function nufu(){return false;}" onclick="dealEditDY('');" class="tablelink">修改</a>    <a href="#" class="tablelink">删除</a></td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>2</td>
		        <td>天津市公安局</td>
		        <td>公安队伍</td>
		        <td>蓝藻爆发应急</td>
		        <td>15737645293</td>
		        <td><a href="#" class="tablelink">修改</a>    <a href="#" class="tablelink">删除</a></td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>3</td>
		        <td>赵工程师</td>
		        <td>专家队伍</td>
		        <td>蓝藻爆发应急</td>
		        <td>157390905293</td>
		        <td><a href="#" class="tablelink">修改</a>    <a href="#" class="tablelink">删除</a></td>
	        </tr> 
	        <tr>
		        <td><input name="" type="checkbox" value="" /></td>
		        <td>4</td>
		        <td>天津市水务局</td>
		        <td>应急管理</td>
		        <td>蓝藻爆发应急</td>
		        <td>157546465293</td>
		        <td><a href="#" class="tablelink">修改</a>    <a href="#" class="tablelink">删除</a></td>
	        </tr> 
         </tbody>
    </table>
	<!--新建队伍-->
	<div id="hydiv" class="tip" style="left:50%;margin-left:-450px;width: 900px;height:400px;z-index: 100;top: 30px;border: 1px solid #cccccc;">
				<div class="tiptop"><span>新建队伍</span><a></a></div>
    			<table id="hyAddTab" style="width: 820px;margin-left:45px">
	  				 <tr >
	  					<td colspan="4">
							<div style="float:right;padding-right:3px;height:40px;padding-top:5px;">
								<ul class="toolbar1">
							         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
							    </ul>
						    </div>
	  					</td>
	  				 </tr>
    				<tr>
    					<td height="40px" style="text-align:right;">机构名称</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px" value=""></td>
    					<td style="text-align:right;">机构类别</td>
    					<td  style="padding-left:40px;">
							<div class="uew-select" style="text-align: left;width: 320px;position: relative;padding-top:11px;">
						         <div style="width: 320px;" class="uew-select-value ue-state-default">
						         	<em class="uew-select-text"></em><em class="uew-icon uew-icon-triangle-1-s"></em>
						         </div>
						         <select style="width: 320px;" class="select3">
								    <option>救援队伍</option>
								    <option>公安队伍</option>
								    <option>专家队伍</option>
								    <option>应急管理</option>
							    </select>
						     </div>
						</td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">应急类别</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px" value=""></td>
    					<td style="text-align:right;padding-left:20px;">主管单位</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">联系人</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">联系电话</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput" style="width:320px" value=""></td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">值班电话</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">总人数</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">装备描述</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">专长描述</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">备注</td>
    					<td colspan="3" style="padding-left:40px;"><input type="text" class="scinput" style="width: 728px;"></td>
    				</tr>
    			</table>
    			<div class="tools" style="padding: 0 0px;"></div>
   	</div>
  	<!--新建队伍--> 
	<!--编辑队伍-->
	<div id="hyEditdiv" class="tip" style="left:50%;margin-left:-450px; width: 900px;height:600px;z-index: 101;top: 10px;border: 1px solid #cccccc;">
				<div class="tiptop"><span>队伍编辑</span><a></a></div>
    			<table id="hyEidttTab" style="width: 800px;margin-left:45px">
	  				 <tr >
	  					<td colspan="4">
							<div style="float:right;padding-right:3px;height:40px;padding-top:5px;">
								<ul class="toolbar1">
							         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>保存</li>
							    </ul>
						    </div>
	  					</td>
	  				 </tr>
    				<tr>
    					<td height="40px" style="text-align:right;">机构名称</td>
    					<td><input type="text" class="scinput"  style="width:300px" value="救援队"></td>
    					<td style="text-align:right;padding-left:20px;">机构类别</td>
    					<td>
							<div class="uew-select" style="text-align: left;width: 320px;position: relative;padding-top:11px;">
						         <div style="width: 320px;" class="uew-select-value ue-state-default">
						         	<em class="uew-select-text">救援队伍</em><em class="uew-icon uew-icon-triangle-1-s"></em>
						         </div>
						         <select style="width: 320px;" class="select3">
								    <option>救援队伍</option>
								    <option>公安队伍</option>
								    <option>专家队伍</option>
								    <option>应急管理</option>
							    </select>
						     </div>
						</td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">应急类别</td>
    					<td><input type="text" class="scinput"  style="width:300px" value="蓝藻爆发应急"></td>
    					<td style="text-align:right;padding-left:20px;">主管单位</td>
    					<td><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">联系人</td>
    					<td><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">联系电话</td>
    					<td><input type="text" class="scinput" style="width:320px" value="15764668293"></td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">值班电话</td>
    					<td><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">总人数</td>
    					<td><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
     				<tr>
    					<td height="40px" style="text-align:right;">装备描述</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput"  style="width:300px"></td>
    					<td style="text-align:right;padding-left:20px;">专长描述</td>
    					<td style="padding-left:40px;"><input type="text" class="scinput" style="width:320px"></td>
    				</tr>
    				<tr>
    					<td height="40px" style="text-align:right;">备注</td>
    					<td colspan="3"><input type="text" class="scinput" style="width: 720px;"></td>
    				</tr>
    				<tr>
    				<td colspan="4">
					<!-- -队伍材料 -->
	    			<div style="padding-top:20px;height:60px;">
					    <ul class="toolbar1">
					         <li style="cursor: pointer;" ><span><img src="<%=basePath%>jclient/css/public/images/t01.png" style="position: relative;top: -7px;"/></span>添加文件</li>    
					         <li><span><img src="<%=basePath%>jclient/css/public/images/t03.png" style="position: relative;top: -7px;"/></span>删除文件</li>
					         <li><span><img src="<%=basePath%>jclient/css/public/images/t02.png" style="position: relative;top: -7px;"/></span>批量下载</li>
					    </ul>
				    </div>
    			<table class="tablelist" style="width: 100%;">
			    	<thead>
			    	<tr>
				        <th width="10%" style="padding-left:30px;"><input name="" type="checkbox" value="" checked="checked"/></th>
				        <th width="10%">编号<i class="sort"><img src="<%=basePath%>jclient/css/public/images/px.gif" /></i></th>
				        <th width="45%">文件名称</th>
				        <th width="20%">制定时间</th>
				        <th width="20%">操作</th>
			        </tr>
			        </thead>
			        <tbody>
				        <tr>
					        <td style="margin-right:10px"><input name="chk1" type="checkbox" value="" /></td>
					        <td>1</td>
					        <td>救援队组织机构图</td>
					        <td>2015年3月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>2</td>
					        <td>............................</td>
					        <td>2015年2月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
				        <tr>
					        <td><input name="" type="checkbox" value="" /></td>
					        <td>3</td>
					        <td>..............................</td>
					        <td>2015年2月</td>
					        <td><a href="#" class="tablelink">下载</a> <a href="#" class="tablelink"> 删除</a></td>
				        </tr> 
			         </tbody>
			    </table>
			    <!-- 队伍材料  -->   
			    </td> 				
    				</tr>
    			</table>
			    <div class="tools" style="padding: 0 0px;"></div>
   </div>
  <!--编辑队伍--> 
  </body>
</html>
